<template>
    <div class="redirect_page">
        <div class="contents">
            <div class="top">
                <img src="https://anhuiyaoying.com/webs/welcome.png" alt="">
                <span>欢迎使用</span>
            </div>
            <div class="sys_name">捷存云后台管理系统</div>
        </div>
    </div>
</template>

<script>

</script>

<style lang="less" scoped>
    .redirect_page {
        background: #fff;
        height: 100%;
        padding: 20px 20px 10px 20px;
        margin: 10px 8px;
        overflow: hidden;
        display: flex;
        align-items: center; /* 垂直居中 */
        .contents {
            width: 400px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            // align-items: center;
            gap: 30px;
            .top {
                display: flex;
                align-items: center;
                img {
                    width: 50px;
                    height: 50px;
                }
                span {
                    margin-left: 10px;
                    font-size: 26px;
                    font-weight: 500;
                    letter-spacing: 1px;
                    color: #333;
                }
            }
            .sys_name {
                padding-left: 60px;
                font-size: 26px;
                font-weight: 500;
                color: #333;
                letter-spacing: 1px;
            }
        }
    }
</style>